<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>跑步</title>
</head>
<body class="sports">
    <main class="main">
        <div class="kilometre">
            <p>目前累积跑步距离：</p>
            <span id="kilometre">1000</span>公里
        </div>
        <div class="map" id="container">
            <div class="go">go</div>
        </div>
        <div class="mask">3</div>
    </main>


    <!-- 地图js -->
    <script type="text/javascript">
        window._AMapSecurityConfig = {
            securityJsCode: '84929973320dc2f322090def07648f1f',
        }
    </script>
    <script type="text/javascript"
        src="https://webapi.amap.com/maps?v=2.0&key=332e61252b7314a9a96e5bf5ed639a31"></script>
</body>
</html>